<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/pro_details.css">
    <link rel="shrotcut icon" href="../img/favicon.ico">
</head>

<body>
    <div class="header">
        <img src="../img/goBack.png" alt="goBack.png">
        <span>商品详情</span>
    </div>
    <div class="banner"></div>
    <div class="main">
        <div class="shopInfo">
            <div class="shop">
                <h2>防爆瑜伽球普拉提球健身球加厚防爆正品瘦身平衡瑜伽球</h2>
                <span class='shopPrice'>¥ 199.00</span>
                <span class='marketPrice'>价格：<i>¥ 239.00</i></span>
            </div>
            <div class="share">
                <img src="../img/share.png" alt="share.png">
                <span>分享</span>
            </div>
            <div class="address">
                <span class='expPrice'>快递:
                    <i>0.00</i>
                </span>
                <span class='sales'>月销
                    <i>1234</i>笔</span>
                <span class='addr'>广东深圳</span>
            </div>
        </div>
        <ul class="feature">
            <li>
                <img src="../img/feature_icon.png" alt="feature_icon.png">
                <span>正品保障</span>
            </li>
            <li>
                <img src="../img/feature_icon.png" alt="feature_icon.png">
                <span>闪电发货</span>
            </li>
            <li>
                <img src="../img/feature_icon.png" alt="feature_icon.png">
                <span>全国联保</span>
            </li>
            <li>
                <img src="../img/feature_icon.png" alt="feature_icon.png">
                <span>假一赔十</span>
            </li>
            <li>
                <img src="../img/feature_icon.png" alt="feature_icon.png">
                <span>提供发票</span>
            </li>
        </ul>
        <div class="selectColor">
            <span>选择 颜色分类</span>
            <img src="../img/unfold_icon.png" alt="unfold_icon.png ">
        </div>
        <div class="proParam">
            <span>产品参数</span>
            <img src="../img/unfold_icon.png" alt="unfold_icon.png">
        </div>
        <div class="evaluate">
            <div class="title">
                <span> 评价 </span>
            </div>
            <ul>
                <li>
                    <span class='nums'>宝贝评价(<i>876</i>)</span>
                    <div class="head">
                        <img src="../img/head_pic.png" alt="head_pic.png">
                        <span>fd**fa</span>
                    </div>
                    <span class='evaContent'>东西收到了，很不错，很好用，好评。</span>
                    <div class="param">
                        <span class='date'>2017-12-12</span><span class='colorCate'>颜色分类 :<i>蓝色</i></span>
                    </div>
                </li>
            </ul>
            <div class='lookAtAll'><span>查看全部评价</span></div>
        </div>
        <div class="details">
            <div class="title">
                <span> 详情 </span>
            </div>
            <img class='img1' src="../img/pro_details_01.png" alt="pro_details_01.png">
            <img class='img2' src="../img/pro_details_02.png" alt="pro_details_02.png">
            <img class='img3' src="../img/pro_details_03.png" alt="pro_details_03.png">
        </div>
    </div>
    <div class="footer">
        <a href="#"class='servers'>
            <img src="../img/servers_icon.png" alt="servers_icon.png">
            <span>客服</span>
        </a>
        <a href="#" class='collect'>
            <img src="../img/collect_icon.png" alt="collect_icon.png">
            <span>收藏</span>
        </a>
        <a href="#" class='addCart'>加入购物车</a>
        <a href="#" class='buyNow'>立即购买</a>
    </div>
        <script src='../lib/jquery/dist/jquery.min.js'></script>
        <script src='../lib/resetRem.js'></script>
        <script src='../js/pro_details.js'></script>
</body>

</html>